Introduction to layouts 佈局基礎介紹

為什麼佈局很重要 Why layouts matter

佈局指的是文字、樣式、圖示、圖片等元素在頁面上的位置與分佈方式

良好的佈局可以：

• 強調關鍵資訊

• 引導使用者視線

• 提高可讀性與可操作性

• 幫助使用者更容易理解和使用產品

佈局可以複用 Layouts can be reused

在 UX 設計中，許多頁面結構是通用的。你可以借用或修改已有專案的佈局，特別是常見的頁面型別，例如：

• 首頁（Home Screen）

• 登入頁（Login Screen）

• 結賬頁（Checkout Screen）

這些頁面的核心邏輯在不同應用中大致相同，因此可以參考成熟專案的佈局模板，提高效率並統一風格。

接下來，你將瞭解佈局的三大組成部分：

1. 網格（Grids）：頁面的隱性骨架，幫助你整齊、統一地排列元素

2. 容器（Containment）：將相關資訊收納到清晰的視覺區塊中

3. 留白（Space）：透過空白提升視覺層次、減輕資訊負擔、引導注意力